<div class="scheme-container" fxLayout="column">
    <header fxLayoutAlign="start center">
        <i class="material-icons back" (click)="onBack()">arrow_back</i>
        <h1>选择传菜方案</h1>
        <div class="nav">
            <i></i>
            <i></i>
            <i></i>
            <i class="active">4</i>
        </div>
    </header>
    <div class="scheme-content padding-left" fxLayout="column">
        <span class="text-xxl margin-t-m">设置终端名称</span>
        <md-input-container floatingPlaceholder="false">
            <input md-input type="text" placeholder="设置终端名称" [(ngModel)]="terminal.name">
        </md-input-container>
        <span class="text-xxl margin-t-m">选择传菜方案</span>
        <span class="text-s color-gray margin-t-m">设置传菜台接收来自以下出品台的出品单</span>
        <section fxLayout="row" class="margin-t-m">
              <mpj-checkbox-group [sourceOptions]="kdsIds" *ngIf="kdsIds" [checkedValues]="checkedValues" (onChange)="onChange($event)">
            </mpj-checkbox-group>
        </section>
        <div fxLayoutAlign="center center" class="margin-t-l">
            <button (click)="beginUse()" class="btn-primary">开始使用</button>
        </div>
    </div>
    
</div>